/*base*/
.ease(@a,@b,@c){
	-webkit-transition:@a @b @c;
	-moz-transition:@a @b @c;
	-o-transition:@a @b @c;
	transition:@a @b @c;
}
.dey(@a){	-webkit-transition-delay: @a;
    -moz-transition-delay: @a;
    -ms-transition-delay: @a;
    transition-delay: @a;
    -webkit-animation-delay:@a;
    -moz-animation-delay:@a;
    -ms-animation-delay:@a;
    animation-delay:@a;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u,  center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
outline: none;
}
.yahei(){
	font-family:'Microsoft Yahei', Helvetica, Arial, sans-serif;
}

html { } /* always display scrollbars */
body{ 
    .yahei();
    background-color: #fff !important;
}
.super-div { 
    overflow-y:hidden; 
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block; 
}
ol, ul { 
    list-style: none; 
}
blockquote, q {
    quotes: none; 
}
b{
    font-weight: bold;
}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
b,strong { 
    font-weight: bold;
}
input { 
    outline: none;
}
input,button,textarea { 
    font-family:'Microsoft Yahei',  Helvetica, Arial, sans-serif;
}
textarea{
    resize:none;
}
table { 
    border-collapse: collapse;
    border-spacing: 0; 
}
span{
    .yahei();
}
a { 
    text-decoration: none;
    &:hover{
        text-decoration: none;
    }
}
.clearfix{
    *zoom:1;
	&:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }
}
.fl{ 
    float: left;
}
.fr{ 
    float: right;
}
.clear{
    clear: both;
}
.hidden { 
    display: none;
}
p{
    word-break:break-all
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 6px;  
    height: 6px;  
    background-color: #4c4e54;  
}  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);   
    background-color: #A8B7C5;   
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 3px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #4c4e54;  
}  
.ui-btn{
    display: inline-block;
    cursor: pointer;
    background: #f8f8f8;
    padding:0px 30px;
    margin:10px 0px 0px 50px;
    text-align: center;
    border:none;
    .ease(all,.2s,ease-in-out);
    color:#fff; 
    border-radius: 4px;
    height: 30px;
    line-height: 30px;       
}
.logoBox{
	position:relative;
	height:60px;
	img{
		margin:10px auto 10px 30px; 
		height:40px;
	}
}
.indexBox{
	img{
		width:100%;
		position:relative;
		z-index:0;
	}
    .centerBox{
        min-width: 310px;
        min-height: 290px;
        position: absolute;
        z-index:999;
        right: 10%;
        top: 25%;
        .boxwrap{
        	padding: 30px 50px 40px;
        	color:#4E546C;
        	margin:0 auto;
        	background-color: #fff;
        	h1{
        		font-size: 20px;
        		height:50px;
        		line-height: 50px;
        		width: 100%;
        		text-align: center;
        		font-weight: bolder;
        	}
        	.spanli{
        		line-height: 0;
        		height: 30px;
        		padding: 0 5px;
				.lspan{
	    			float:left;
	    			font-size: 13px;
	    			color:#8CA0B3;
	    			cursor: pointer;
	    			.iconfont{
	    				padding-right:5px;
	    				font-size:13px;
	    			}
	    		}
        	}
        	
			.ui-btn{
			    padding: 0 93px;
			    background-color: #4E546C;
			    color: #fff;
			    margin: 0 auto;
			    height: 36px;
			    line-height: 36px;
    		}           	
        	.boxli{
        		height: 50px;
        		margin-bottom: 10px;
        		position: relative;
        		input{
        			height:38px;
        			line-height: 38px;
        			border: 1px solid #A8B7C5;
        			border-radius: 8px;
        			padding: 0 13px;
        			width:189px;
        			font-size: 14px;
        			color:#8CA0B3;
        		}
        		.iconfont{
        			position: absolute;
        			z-index: 999;
        			right: 10px;
        			top:8px;
        			font-size: 18px;
        			color: #8CA0B3;
        			cursor: pointer;
        		}
        				
        	}
        }
    }
}
.footer{
    height:100px;
    line-height: 100px;
    position: fixed;
    bottom: 0;
    width: 100%;
    color:#7F7F7F;
    background: #fff;
    text-align: center;
}
//分页样式
.ui-page{
@charset "utf-8";
    /* pagination */
    .pagination{
        background: #FFFFFF;
        box-shadow: -3px 2px 2px 0px rgba(119,151,177,0.16);
        border-radius: 100px;
        width:56%;
        margin-top:20px;
        padding:0 25px;
        height:45px;
        line-height:45px;
        a{
            padding:0.3% 1.2%;margin-right:2%;margin-bottom:5px;
            text-decoration:none;
            background: rgba(78,84,108,0.2);
            border-radius: 100px;
            color:rgba(78,84,108,1);
            &:hover{
                background: #65E73C;
                color:#fff;
            }
        }
        span{
            padding:0.3% 1.2%;margin-right:2%;margin-bottom:5px;
            text-decoration:none;
            background: rgba(78,84,108,0.2);
            border-radius: 100px;
            vertical-align:middle;
            &:hover{
                background: #65E73C;
                color:#fff;
            }
        }
        .current{
            padding:0.3% 1.2%;margin-right:2%;margin-bottom:5px;
            text-decoration:none;border:solid 1px rgba(101,231,60,1);color:#fff;
            background: #65E73C;
            border-radius: 100px;
        }
        .current.prev, .pagination .current.next{
            padding:0.3% 1.2%;margin-right:2%;margin-bottom:5px;
            text-decoration:none;border:solid 1px rgba(101,231,60,1);
            background: #65E73C;
            border-radius:100px;
        }
        input{
            width:5.8%;height:30px;
            border:solid 1px rgba(78,84,108,0.2);
            border-radius:100px;
            text-align:center;
            margin-right:2%;
        }
    }
}
//.dialog{
//  padding:20px 10px;
//  .tli{
//      line-height: 50px;
//      height: 50px;
//      margin-bottom: 10px;
//  }
//  .name{
//      width: 100px;
//      float: left;
//      line-height: 50px;
//      height: 50px; 
//      color:#0488BF;  
//      margin-right: 20px;
//      font-size: 16px;
//      text-align: right;     
//  }
//  .value{
//      width: 250px;
//      float: left;   
//      input{
//          width: 200px;
//          height: 36px;
//          line-height: 36px;
//          border:1px solid #0488BF;
//          border-radius:8px;
//          padding:0 12px;
//      }     
//  }
//}